<!DOCTYPE HTML>
<html dir="ltr" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="description" content="<{$metaDescription}>">
<meta name="keywords" content="<{$metaKeywords}>">
<title><{$headTitle}></title>
<!--  <link type='text/css'
	href='<{$APPLICATION_URL}>/Themes/Default/Styles/reset.css'
	media='screen' rel='stylesheet'>-->
<link type='text/css'
	href='<{$APPLICATION_URL}>/Themes/Default/Styles/styleG.css'
	media='screen' rel='stylesheet'>
<link type='text/css'
	href='<{$APPLICATION_URL}>/Themes/Default/Styles/details_All.css'
	media='screen' rel='stylesheet'>
<link type='text/css'
	href='<{$APPLICATION_URL}>/Themes/Default/Styles/nivo-slider.css'
	media='screen' rel='stylesheet'>
<link type='text/css'
	href='<{$APPLICATION_URL}>/Themes/Default/Styles/prettyPhoto.css'
	media='screen' rel='stylesheet'>
<link type='text/css' href='<{$APPLICATION_URL}>/Themes/Default/Styles/pricelistmain.css' media='screen'
	rel='stylesheet'>
<link type='text/css' href='<{$APPLICATION_URL}>/Themes/Default/Styles/pricelist.css' media='screen'
	rel='stylesheet'>
<link type='text/css' href='http://fonts.googleapis.com/css?family=Arvo'
	media='screen' rel='stylesheet'>
	<!-- 
<script type='text/javascript'
	src='http://code.jquery.com/jquery-1.5.1.js'></script>
	 -->	 
	 <script type='text/javascript'
	src='<{$APPLICATION_URL}>/Themes/Default/Scripts/jquery-1.5.2.min.js'></script>
<script type='text/javascript'
	src='<{$APPLICATION_URL}>/Themes/Default/Scripts/jquery.easing.1.3.js'></script>
<script type='text/javascript'
	src='<{$APPLICATION_URL}>/Themes/Default/Scripts/superbgimage.core.min.js'></script>
<script type='text/javascript'
	src='<{$APPLICATION_URL}>/Themes/Default/Scripts/superbgimage.control.js'></script>
<script type='text/javascript'
	src='<{$APPLICATION_URL}>/Themes/Default/Scripts/custom.js'></script>
<script type='text/javascript'
	src='<{$APPLICATION_URL}>/Themes/Default/Scripts/jquery.nivo.slider.pack.js'></script>
<script type='text/javascript'
	src='<{$APPLICATION_URL}>/Themes/Default/Scripts/jquery.social.js'></script>
<script type='text/javascript'
	src='<{$APPLICATION_URL}>/Themes/Default/Scripts/jquery.prettyPhoto.js'></script>
<script type='text/javascript'
	src='<{$APPLICATION_URL}>/Themes/Default/Scripts/jquery.tools.js'></script>
<script type='text/javascript'
	src='<{$APPLICATION_URL}>/Themes/Default/Scripts/jquery.jplayer.min.js'></script>
<script type='text/javascript'
	src='<{$APPLICATION_URL}>/Themes/Default/Scripts/jquery.widget.js'></script>
<script type='text/javascript'
	src='<{$APPLICATION_URL}>/Themes/Default/Scripts/fancybox/jquery.fancybox-1.3.4.pack.js'></script>
	<script type="text/javascript" src="<{$APPLICATION_URL}>/Themes/Default/Scripts/admin/jquery.date_input.js"></script>
	<link href="<{$APPLICATION_URL}>/Themes/Default/Styles/admin/date_input.css" rel="stylesheet" type="text/css"/>
	<link type='text/css' href='<{$APPLICATION_URL}>/Themes/Default/Styles/fancybox/box.css' 
	rel='stylesheet'>
	
<!--[if lt IE 9]>
	<script type='text/javascript' src='http://html5shim.googlecode.com/svn/trunk/html5.js'></script>
	<![endif]-->	
	<script type="text/javascript">	
	$(document).ready(function() {
		$("#login_error").hide();
		
		$("#login_url").fancybox({
			'scrolling'		: 'no',
			'titleShow'		: false,
			'onClosed'		: function() {
				 $("#login_error").hide();	
			}
		});	
		
		$("#signup_option_1_url").fancybox({
			'scrolling'		: 'false',
			'titleShow'		: false,
			'onClosed'		: function() {
				
			}
		});
		$("#signup_option_2_url").fancybox({
			'scrolling'		: 'false',
			'titleShow'		: false,
			'onClosed'		: function() {
				
			}
		});
		$("#signup_option_3_url").fancybox({
			'scrolling'		: 'false',
			'titleShow'		: false,
			'onClosed'		: function() {
				
			}
		});
		$("#signup_option_4_url").fancybox({
			'scrolling'		: 'false',
			'titleShow'		: false,
			'onClosed'		: function() {
				
			}
		});

		$("#forgetPass_url").fancybox({
			'scrolling'		: 'no',
			'titleShow'		: false,
			'onClosed'		: function() {
				 
			}
		});
		$("#forgetPass_error").hide();
			
		$("#cancelpackage_url").fancybox({
			'scrolling'		: 'no',
			'titleShow'		: false,
			'onClosed'		: function() {
				
			}
		});

		// add Event cllick for aSelectCity to change city
		$('#aSelectCity').click(function(e){
			if($('#dBoxCityRunDeal').css('display') == 'none'){
				$('#dBoxCityRunDeal').show();
				$('#hCityName').hide();
			}else{
				$('#dBoxCityRunDeal').hide();
				$('#hCityName').show();
			}
		});	
	});
	
	
	$($.date_input.initialize);
	$.extend(DateInput.DEFAULT_OPTS, {
		  stringToDate: function(string) {
		    var matches;
		    if (matches = string.match(/^(\d{4,4})-(\d{2,2})-(\d{2,2})$/)) {
		      return new Date(matches[1], matches[2] - 1, matches[3]);
		    } else {
		      return null;
		    };
		  },
		  
		  dateToString: function(date) {
		    var month = (date.getMonth() + 1).toString();
		    var dom = date.getDate().toString();
		    if (month.length == 1) month = "0" + month;
		    if (dom.length == 1) dom = "0" + dom;
		    return date.getFullYear() + "-" + month + "-" + dom;
		  }
		});
	
</script>	
</head>
<body>
	<{include
			file="$SMARTY_LAYOUT_PATH/Browse/Header.tpl"}>
	<section id="overlay_delete">
		<div class="body-inner">
                	<!--sub nav-->
                    <div class="sub-nav">                		
					<{include
					file="$SMARTY_LAYOUT_PATH/Browse/Navigator.tpl"}>
                    </div>
                    <!--end sub nav-->
                    
                    <!--body content-->
                    <div class="body-content">
                    	<div class="body-left" id="divBody_Left">
                    		<{include
							file="$SMARTY_CONTENT_PATH"}>
                    	</div>
                    	
						<div class="right-menu">
							<div class="right-menu-comment" id="dBoxLastComment">
                                <div class="new-comment">
                                    <h3>Lời bình mới nhất</h3>
                                    <div class="new-comment-detail" id="dLastComment">
                                    	<a name="" href="#" class="new-comment-img">
                                    		<img width="60" height="60" title="" alt="" src="<{$userComment->getImage()}>">
                                    	</a>
                                    	<span class="new-comment-text">
                                    		<a name="" href="#" class="uname">
                                    		<{$userComment->fullname}></a>
                                    		<a name="" href="<{$APPLICATION_URL}>/Browse/DealComment/Index/city/<{$city}>/id/<{$dealsEntity->id}>" class="comment">
                                    		<{$lastedComment->comment_text|truncate:70}></a>
                                    		</span>
                                    	 </div>
                                </div>
                                <a id="aTotalComments" href="<{$APPLICATION_URL}>/Browse/DealComment/Index/city/<{$city}>/id/<{$dealsEntity->id}>">
                                <div class="total-comment">
                                    <span class="icon-comment"></span>
                                    <span class="num-comment" id="dTotalComment"><{$totalComment}> Lời bình</span>
                                </div>
                                </a>
                              </div>
                              
                              <div id="divSideDeal" class="right-menu-price">
                              	<h3>Giá tốt trong ngày</h3>
                              	<{foreach from=$listAnotherDeals item=item name='aDeal'}>
                              	<div itemtype="http://data-vocabulary.org/Product" itemscope="" class="right-menu-deal">
                              	<a title="<{$item.groupon_name}>" href="<{$APPLICATION_URL}>/Browse/Deals/details/city/<{$city}>/id/<{$item.deal_id}>">
                              	<img width="221" height="149" title="<{$item.groupon_name}>" alt="<{$item.groupon_name}>" src="<{$grouponEntity->getImage($item.picture)}>" itemprop="image">
                              	</a>
                              	<i>
                              	</i>
                              	<h4>
                              	<a itemprop="name" title="<{$item.groupon_name}>" href="<{$APPLICATION_URL}>/Browse/Deals/details/city/<{$city}>/id/<{$item.deal_id}>"><{$item.groupon_name|truncate:50}></a>
                              	</h4>
                              	 <div itemtype="http://data-vocabulary.org/Offer" itemscope="" itemprop="offerDetails" class="right-menu-deal-price">
                              	 <span class="price">
                              	 <span itemprop="currency"> VNĐ</span>
                              	 <span itemprop="price" class="num-price"><{$item.sale_price|number_format}></span>
                              	 </span>
                              	 <span class="save">
                              	 <span>tiết kiệm</span>
                              	 <span class="percent"><{math equation="(a-b)/a*100" a=$item.original_price b=$item.sale_price format="%d"}>%</span>
                              	 </span>
                              	 </div>
                              	 </div>
                              	 <{/foreach}>
                              </div>
						</div>
						<!-- end right-menu -->
                    </div>
					
                    <!--end body content-->
                </div>
	</section>

	<script type="text/javascript" src='<{$APPLICATION_URL}>/Themes/Default/Scripts/Deal_detail.js'></script>
</body>
</html>
